<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
     <%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>



<script language="javascript">

function CheckRadio1()
{

	document.form1.quantity.disabled=true;
document.form1.start_price.disabled=false;
document.form1.buy_itnow_price.disabled=false;
document.form1.duration.disabled=false;
document.form1.listingtime.disabled=false;

	



}

function CheckRadio2()
{
	document.form1.start_price.disabled=true;
	document.form1.buy_itnow_price.disabled=false;
	document.form1.duration.disabled=false;
	document.form1.quantity.disabled=false;
	document.form1.listingtime.disabled=false;
	
	
}

function scstart()
{
	document.form1.listingdate.disabed=false;
	
	}
	
function stlist()
{
	document.form1.listingdate.disabed=true;
	
	}



</script>







<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<title>Seller Listing</title>


<!-- Skin CSS file -->
<link rel="stylesheet" type="text/css" href="resources/skin.css">
<!-- Utility Dependencies -->
<script src="resources/yahoo-dom-event.js"></script> 
<script src="resources/element-min.js"></script> 
<!-- Needed for Menus, Buttons and Overlays used in the Toolbar -->
<script src="resources/container_core-min.js"></script>
<script src="resources/menu-min.js"></script>
<script src="resources/button-min.js"></script>
<!-- Source file for Rich Text Editor-->
<script src="resources/editor-min.js"></script>

<script type="text/javascript">
var myEditor = new YAHOO.widget.Editor('msgpost', {
    height: '300px',
    width: '522px',
    dompath: true, //Turns on the bar at the bottom
    animate: true //Animates the opening, closing and moving of Editor windows
});
myEditor.render();
</script>

<script language="Javascript">
function getLayer(SRC){
var tDIV = document.getElementById(SRC)
tDIV.style.cursor = "hand"
tDIV.style.visibility = "visible"
}
function floatLayer(SRC){
var tDIV = document.getElementById(SRC)
tDIV.style.top = window.event.clientY + 20
if(window.event.clientX+200>document.body.clientWidth)
{
tDIV.style.left = document.body.clientWidth - 200
}
else
{
tDIV.style.left = window.event.clientX// + 15
}
}
function hideLayer(SRC){
var tDIV = document.getElementById(SRC)
tDIV.style.visibility='hidden'
}
</script>

<link rel="stylesheet" type="text/css" href="style.css" />
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="iecss.css" />
<![endif]-->
<script type="text/javascript" src="js/boxOver.js"></script>
<script>
PositionX = 100;
PositionY = 100;
defaultWidth  = 500;
defaultHeight = 500;
var AutoClose = true;

if (parseInt(navigator.appVersion.charAt(0))>=4){
var isNN=(navigator.appName=="Netscape")?1:0;
var isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;}
var optNN='scrollbars=no,width='+defaultWidth+',height='+defaultHeight+',left='+PositionX+',top='+PositionY;
var optIE='scrollbars=no,width=150,height=100,left='+PositionX+',top='+PositionY;
function popImage(imageURL,imageTitle){
if (isNN){imgWin=window.open('about:blank','',optNN);}
if (isIE){imgWin=window.open('about:blank','',optIE);}
with (imgWin.document){
writeln('<html><head><title>Loading...</title><style>body{margin:0px;}</style>');writeln('<sc'+'ript>');
writeln('var isNN,isIE;');writeln('if (parseInt(navigator.appVersion.charAt(0))>=4){');
writeln('isNN=(navigator.appName=="Netscape")?1:0;');writeln('isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;}');
writeln('function reSizeToImage(){');writeln('if (isIE){');writeln('window.resizeTo(300,300);');
writeln('width=300-(document.body.clientWidth-document.images[0].width);');
writeln('height=300-(document.body.clientHeight-document.images[0].height);');
writeln('window.resizeTo(width,height);}');writeln('if (isNN){');       
writeln('window.innerWidth=document.images["George"].width;');writeln('window.innerHeight=document.images["George"].height;}}');
writeln('function doTitle(){document.title="'+imageTitle+'";}');writeln('</sc'+'ript>');
if (!AutoClose) writeln('</head><body bgcolor=ffffff scroll="no" onload="reSizeToImage();doTitle();self.focus()">')
else writeln('</head><body bgcolor=ffffff scroll="no" onload="reSizeToImage();doTitle();self.focus()" onblur="self.close()">');
writeln('<img name="George" src='+imageURL+' style="display:block"></body></html>');
close();		
}}

</script>
<style type="text/css">
<!--
.style1 {font-size: 14px}
.style2 {
	font-size: 16px;
	font-weight: bold;
}
.style3 {font-size: 11px}
.style4 {color: #00FF00}
.style5 {color: #000000}
.style6 {font-size: 16px}
.style7 {font-size: 12px; color: #00FF00; }
.style8 {font-size: 12px}
.style9 {font-size: 12; }
.style10 {
	font-size: 18px;
	font-weight: bold;
	color: #FF0000;
}
-->
</style>
</head>
<body class="yui-skin-sam">

<div id="main_container">

	<div id="header">

      <div class="top_right">
       
           
            <div class="big_banner">
           
            </div>
        
      </div>
    
  
      <div id="logo"><a href="index.html"><img src="images/logoEbay_x45.gif" alt="" title="" border="0" width="130" height="31" /></a></div>
        

        

    </div>
    
   <div id="main_content"> 
   
            <div id="menu_tab">
                    <ul class="menu">
                         <li><a href="index.html" class="nav">  Home </a></li>
                         <li class="divider"></li>
                         <li><a href="#" class="nav">Products</a></li>
                         <li class="divider"></li>
                         <li><a href="#" class="nav">Specials</a></li>
                         <li class="divider"></li>
                         <li><a href="#" class="nav">My account</a></li>
                         <li class="divider"></li>
                         <li><a href="#" class="nav">Sign Up</a></li>
                         <li class="divider"></li>                         
                         <li><a href="#" class="nav">Shipping </a></li>
                         <li class="divider"></li>
                         <li><a href="contact.html" class="nav">Contact Us</a></li>

                    </ul>

            </div><!-- end of menu tab -->
            
    <div class="crumb_navigation">
   
    
    </div>        
    
  <table>
  <tr>
  <td width="932"><div class="center_content" align="center">
   

   
   
   	<div class="center_title_bar">Category where your listing will appear </div>
    
    	<p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        
       
        <%
        String catname=null,subcatname=null;
        String catid1=null,subcatid1=null;
        String[] cat1=request.getParameter("category").split(";");
        String[] subcat1=request.getParameter("sub_category").split(";");
        int i;
        
        for(i=0;i<cat1.length;i++)
        {
        	if(i==0)
        		catid1=cat1[i];
        	if(i==1)
        		catname=cat1[i];
        }
        for(i=0;i<subcat1.length;i++)
        {
        	if(i==0)
        		subcatid1=subcat1[i];
        	if(i==1)
        		subcatname=subcat1[i];
        }
        
        System.out.println("The catid is"+catid1);
        session.setAttribute("catid",catid1);
        session.setAttribute("subcatid",subcatid1);
        
        %>
        
      
        
        
        <label><%=catname %></label> >>
        
        
        <%=subcatname %>
        
         
         
         
         <s:form action="afterlisting" method="post" enctype="multipart/form-data" name="form1" id="form1">
        
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p align="left"><a href="seller.jsp" class="style1">Choose Category</a></p>
          <p align="left">&nbsp;</p>
          <div class="center_title_bar">Help Buyers find your item with a great title </div>
          <p align="left">&nbsp;</p>
          <p align="left">&nbsp;</p>
          <p align="left"><span class="style10">*</span></p>
          <p align="left" class="style2">TITLE
          
          <div id="Tip1" style="position: absolute; width: 150px; right:385px; visibility: hidden; background-color: #FFFFCC; BORDER: 1px solid #000000">This will be the title of your listing. Fill it with words about your item that buyers would enter in a search.</div>
<a href="Javascript:void(0)" onmouseover="getLayer('Tip1')" onmousemove="floatLayer('Tip1')" onmouseout="hideLayer('Tip1')"><img src="resources/help.jpg"></img></a>
          </p>
          <p align="left" class="style2">
          <label>
            
            
              <s:textfield name="title" width="400" theme="simple" disabled="disabled"/>         
              
              
            </label>
          </p>
          <p align="left" class="style2">&nbsp;</p>
          <p align="left" class="style2">CONDITION </p>
          <p align="left" class="style3">*Make sure you choose the right <span class="style5">condition</span>. <a href="#">View all condition definitions</a></p>
          <p align="left" class="style2">
            <label>
            
     
     <s:select list="{'Brand New','Like New','Very Good','Good','Acceptable'}" name="cond" theme="simple"/>       
            
            
            
            </label>
          </p>
          <p align="left" class="style2">&nbsp;</p>
          <p align="left" class="style2">&nbsp;</p>
          <p align="left" class="style2">&nbsp;</p>
          <div class="center_title_bar">Bring your item to life with pictures </div>
          <p align="left" class="style2">&nbsp;</p>
          <p align="left" class="style2">&nbsp;</p>
          <p align="left" class="style3">*First 3 pictures are <span class="style4">free </span>
          <div id="Tip2" style="position: absolute; width: 150px; right:385px; visibility: hidden; background-color: #FFFFCC; BORDER: 1px solid #000000">Including pictures of your item is vital to your success. You can upload them from your computer or specify URLs where they are hosted.</div>
<a href="Javascript:void(0)" onmouseover="getLayer('Tip2')" onmousemove="floatLayer('Tip2')" onmouseout="hideLayer('Tip2')"><img src="resources/help.jpg"></img></a>
          
          </p>
          <p align="left" class="style2">UPLOAD THE PICTURE </p>
          <p align="left" class="style2">
            <label>
            
            
            <s:file name="pic" label="Select a Picture" size="40" theme="simple" accept="text/*"/>
            
            
            </label>
          </p>
          <p align="left" class="style2">&nbsp;</p>
          <p align="left" class="style2">&nbsp;</p>
          <div class="center_title_bar">Describe the item you are selling </div>
          <p align="left" class="style2">&nbsp;</p>
          <p align="left" class="style2">&nbsp;</p>
          <p align="left" class="style2"><span class="style10">*</span></p>
          <p align="left" class="style2">
            <label>
            
            
            <%-- <textarea name="description" id="msgpost" cols="50" rows="10">
    <strong>Your</strong> HTML <em>code</em> goes here.<br>
    This text will be pre-loaded in the editor when it is rendered.
</textarea> --%>
            
           <s:textarea name="description" theme="simple"/> 
            
            </label>
          </p>
          <p align="left" class="style2">&nbsp;</p>
          <p align="left" class="style2">&nbsp;</p>
          <div class="center_title_bar">Choose how you'd like to sell your item </div>
         <p align="left" class="style2">&nbsp;</p>
          <p align="left" class="style2">&nbsp;</p>
          <p>
            <label>
           
    ONLINE AUCTION <input type="radio" id="radio1" name="type"  value='ONLINE AUCTION' onchange="CheckRadio1();"/><br/> 
    FIXED PRICE <input type="radio" name="type" id="radio2" value='FIXED PRICE' onchange="CheckRadio2();"/><br/>
            
            </label>
            
            </p>
          <p align="left" class="style10">*</p>
          <p align="left" class="style6">Starting Price : Rs 
            <label>
            
            
            
        <s:textfield name="start_price" width="400" theme="simple" disabled="true"/>
            
            
            
            </label>
           
            <a href="#" class="style3">see listing fees</a>
            <div id="Tip4" style="position: absolute; width: 150px; right:385px; visibility: hidden; background-color: #FFFFCC; BORDER: 1px solid #000000">Set the price at which the bidding will begin. For example, a starting price of Rs. 9.99 means that the first bid must be at least Rs. 9.99.</div>
<a href="Javascript:void(0)" onmouseover="getLayer('Tip4')" onmousemove="floatLayer('Tip4')" onmouseout="hideLayer('Tip4')"><img src="resources/help.jpg"></img></a>
          
            </p>
          <p align="left" class="style6">&nbsp;</p>
          <p align="left" class="style6">Buy It Now Price: Rs 
            <label>
            
            
            
             <s:textfield name="buy_itnow_price" width="400" theme="simple" disabled="true"/>
            
            
            
            </label>
            <a href="#" class="style3">see listing fees</a>
            <div id="Tip3" style="position: absolute; width: 150px; right:385px; visibility: hidden; background-color: #FFFFCC; BORDER: 1px solid #000000">You can set a price at which a buyer can buy your item right away. This disappears after a bid is placed (or the reserve price is met).</div>
<a href="Javascript:void(0)" onmouseover="getLayer('Tip3')" onmousemove="floatLayer('Tip3')" onmouseout="hideLayer('Tip3')"><img src="resources/help.jpg"></img></a>
          
            </p>
          <p align="left" class="style6">&nbsp;</p>
          <p align="left" class="style6">Quantity : 
            <label>
            
            
            
        <s:textfield name="quantity" id="quantity" width="400" theme="simple" disabled="true"/>
            
            
            
            </label>
          </p>
          
          <p align="left" class="style6">&nbsp;</p>
          <p align="left" class="style6">Duration: 
            <label>
            
           <s:select name="duration" list="{'3 days','5 days','7 days','10 days'}" theme="simple" disabled="true"/>
            
            
            
            
            </label>
            <span class="style7">Duration for which listing will be there</span> 
            <div id="Tip5" style="position: absolute; width: 150px; right:385px; visibility: hidden; background-color: #FFFFCC; BORDER: 1px solid #000000">Select how long your listing will run. In general, a longer duration results in higher prices or increases the chances of a sale.</div>
<a href="Javascript:void(0)" onmouseover="getLayer('Tip5')" onmousemove="floatLayer('Tip5')" onmouseout="hideLayer('Tip5')"><img src="resources/help.jpg"></img></a>
          
            </p>
          <p align="left" class="style6">&nbsp;</p>
          <p>
          
          
          <label>
          <div align="left">
          
          
          START LISTING IMMEDIATELY <input type="radio" id="radio3" name="listingtime"  value='START LISTING IMMEDIATELY ' onchange="stlist();"/><br/> 
    SCHEDULE START TIME<input type="radio" name="listingtime" id="radio4" value='SCHEDULE START TIME' onchange="scstart();"/><br/>
          
          
           
           
		  </div>
            </label>
            
             <s:select name="listingdate" list="{'3-12-2012','5-1-2012','7-3-2012','10-5-2012'}" theme="simple"/>
               Date calendar picker 
         
          <div align="left"><br />
          </div>
          
          <p align="left" class="style6">&nbsp;</p>
          <p align="left">&nbsp;</p>
          <div class="center_title_bar">Decide how you would like to be paid  </div>
          <p align="left">&nbsp;</p>
          <p align="left">&nbsp;</p>
          <p align="left">&nbsp;</p>
          <p align="left" class="style9">To list on Ebay you need to offer PaisaPay as a payment method.You can register for PaisaPay at end of the listing flow.</p>
          <p align="left" class="style9">Seller is responsible for PaisaPay fees.</p>
          <p align="left">&nbsp;</p>
          <p align="left"><img src="images/1.gif" width="185" height="82" />  To know more about PaisaPay <a href="http://pages.ebay.in/help/pay/paypal.html" target="_blank">click here</a></p>
          <p align="left">&nbsp;</p>
          <p align="left">
            <label>
            
            <s:checkboxlist list="{'PAISA PAY','DEMAND DRAFT','CHEQUE'}" theme="simple" name="payment_method"/>
            
            </label>
            
            
            </p>
          <p align="left">&nbsp;</p>
          <p align="left">&nbsp;</p>
          <div class="center_title_bar">Give Buyers shipping details  </div>
          <p align="left">&nbsp;</p>
          <p align="left">&nbsp;</p>
          <p align="left">&nbsp;</p>
          <p align="left" class="style6">Domestic Shipping Services 
          
          
            
            <s:select name="shipping_service" list="{'Flat Rate Courier-Delivery anywhere in India','Local Courier-Delivery within sellers city','National Courier-Delivery outside sellers city',' Cash On Delivery'}" theme="simple" />
			
			
            
            
            
          </p>
          <p align="left">
            <label></label>
          </p>
          <p align="left" class="style6">Shipping Cost To Buyer Rs 
            <label>
            
            
           <s:textfield name="shipping_cost" width="400" theme="simple" />
            
            
            </label>
            
            
               <label>
            
            <br></br>
            Free Shipping
           <s:checkbox name="free_shipping" theme="simple" />
            
            
            </label>
            
          </p>
          <p align="left" class="style6">&nbsp;</p>
          <p align="left" class="style6">
            <label></label>
            Handling Time 
            <label>
            
            
            <s:select name="handling_time" list="{'Select a handling time','1 business day','2 business day','3 business day','4 business day','5 business day','10 business day','20 business day'}" theme="simple" />
            

            </label>
          </p>
          <p align="left">&nbsp;</p>
          <p align="left" class="style6">Item Location : retrieve from registeration </p>
          <p align="left" class="style6">&nbsp;</p>
          <div class="center_title_bar">
            <div align="left">Your total fees tilll now- :  </div>
          </div>
          <p align="left" class="style6">&nbsp;</p>
          <p align="left" class="style6">&nbsp;</p>
          <p align="left" class="style6">&nbsp;</p>
          <p align="left" class="style6">&nbsp;</p>
          <p align="left" class="style6"><span class="style10">*</span> indicates a required field</p>
          <p align="left" class="style6">&nbsp;</p>
          <p align="left" class="style6"></p>
          <label>
            <div align="center">
            
            
            <s:submit name="submit" value="CONTINUE" theme="simple"/>
              
              </div>
              
            </label>
            <p align="center" class="style6">&nbsp;</p>
          <p align="left" class="style6">&nbsp;</p>
          <p align="left" class="style6">&nbsp;</p>
          
          
        </s:form>
        
        
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
  </div><!-- end of center content --></td>
  </tr>
  </table>



   




            
   </div><!-- end of main content -->
   
   
   
   <div class="footer">
   

        <div class="left_footer"></div>
        
        <div class="center_footer">
        <br />
        <a href="http://csscreme.com/freecsstemplates/" title="free css templates"><img src="images/csscreme.jpg" alt="free css templates" border="0" /></a><br />
        <img src="images/payment.gif" alt="" title="" />
        </div>
        
        <div class="right_footer">
        <a href="index.html">home</a>
        <a href="details.html">about</a>
        <a href="details.html">sitemap</a>
        <a href="details.html">rss</a>
        <a href="contact.html">contact us</a>
        </div>   
   
   </div>                 


</div>
<!-- end of main_container -->
</body>
</html>